<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2869768_4c3iw623x1p.css">
    <link rel="stylesheet" href="../css/cart.css">
    <title>Document</title>
</head>

<body>
    <div class="top">
        <div class="contain">
            <ul class="left">
                <li>帮助中心</li>
                <li>收藏</li>
                <li>360官网</li>
                <li>360智慧生活</li>
            </ul>
            <ul class="right">
                <li><a href="./login.html">登录</a></li>
                <li><a href="./register.html">注册</a></li>
                <a href="./cart.html">
                    <li class="iconfont icon-baobao1"></li>
                </a>
            </ul>
        </div>
    </div>
    <div class="logo">
        <div class="contain">
            <div class="left">
                <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                <span>新品推荐</span>
                <span>热卖榜单</span>
            </div>
            <div class="right">
                <div class="top">
                    <input type="text">
                    <span class="iconfont icon-sousuo"></span>
                </div>
                <ul class="bottom_top">
                    <li>记录仪</li>
                    <li>摄像机</li>
                    <li>路由器</li>
                    <li>耳机</li>
                    <li>扫地机</li>
                    <li>智能手表</li>
                </ul>
            </div>
        </div>
    </div>
    
        <!-- <div class="empty">
            <img src="https://p.ssl.qhimg.com/t019eb2016764d86089.png" alt="">
            <p>您的购物车居然是空的</p>
            <a href="../views/list.html">去逛逛</a>
        </div> -->

    





        <div class="cart">
            <div class="contain">
                <div class="head">
                    <div>
                        <input type="checkbox">全选
                    </div>
                    <p>商品</p>
                    <p>属性</p>
                    <p>单价</p>
                    <p>数量</p>
                    <p>小计</p>
                    <p>操作</p>
                </div>
                <div class="center">

                    <input type="checkbox">
                    <img src="" alt="">
                    <p>360儿童安全座椅守护者冠军红</p>
                    <p>分类:守护者 红</p>
                    <p>￥799.00</p>
                    <div>
                        <span>-</span>
                        <span></span>
                        <span>+</span>
                    </div>
                    <p>￥799.00</p>
                    <p>删除</p>

                </div>
                <div class="bottom">
                    <div>
                        <input type="checkbox">全选
                        <p>删除选中商品</p>
                    </div>
                    <p>已选1件商品 合计:¥799.00</p>
                    <button>去结算</button>
                    <button>
                        <a href="./list.html">继续购物</a>
                    </button>
                </div>
            </div>
        </div>
    
    <div class="post">
        <div class="postTop">
            <p class="iconfont icon-duanxin"></p>
            <p class="iconfont icon-weixin2"></p>
            <p class="iconfont icon-erji"></p>
        </div>
        <div class="postBottom">
            <p class="iconfont icon-gengduo1"></p>
            <p class="iconfont icon-fanhuidingbu"></p>
        </div>
    </div>

    <div class="footer">
        <div class="contain">
            <div class="left">
                <span>关于商城</span>
                <p>360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备
                    ，以及相关领域消费品。提供最新的360智能设备，最贴心的售后
                    服务，360社区一手评测资讯，享受360安全、安心、放心的购
                    物体验。</p>
                <hr>
                <div class="botto">
                    <span>关于我们</span>
                    <span class="iconfont icon-weixin1"></span>
                    <span class="iconfont icon-weibo"></span>
                </div>
            </div>
            <div class="center">
                <ul>
                    <p>售后服务</p>
                    <li>七日无理由退货</li>
                    <li>质量问题15日内换货</li>
                    <li>保修条款</li>
                    <li>服务流程</li>
                    <li>许可协议</li>
                    <li>隐私政策</li>
                </ul>
                <ul>
                    <p>帮助中心</p>
                    <li>用户注册</li>
                    <li>会员说明</li>
                    <li>登录与密码找回</li>
                    <li>购买指南</li>
                    <li>支付方式</li>
                    <li>配送与说明</li>
                </ul>
            </div>
            <span></span>
            <div class="right">
                <p>联系我们</p>
                <p>400-6822-360</p>
                <p>周一至周日 9:00-18:00（仅收市话费）</p>
            </div>
        </div>

    </div>


    <div class="bottom">
        <div class="contain">
            <div class="top">
                <span class="iconfont icon-fanhui1">7天无理由退货</span>
                <span class="iconfont icon-tuihuanhuo"> 15天免费换货</span>
                <span class="iconfont icon-baoguo">满99元包邮</span>
            </div>
            <hr>
            <div class="foot">
                <p>©2019-2021 mall.360.cn版权所有</p>
                <p>京ICP备08010314号-6 营业执照</p>
                <p>公司名称:北京视觉世界科技有限公司 | 社会统一信用代码:
                    91110105336460203N | 食品经营许可证</p>
                <p>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内
                    5层501 | 联系方式:400-6822-360</p>

            </div>
        </div>
    </div>

     <script src="../js/utils.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>